




html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td,ol {
	margin: 0;
	padding: 0;
	outline:none;
}
table{border-collapse:collapse;border-spacing:0;border:0;}
body{Font-size=62.5%,"Arial Narrow",HELVETICA; text-align:left;line-height:1.2;}

a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}

img{ border:0 none; vertical-align:top;}

ul,li{list-style-type:none;}

.fl{
	float:left;
	display:inline;
}
.fr{
	float:right;
	display:inline;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
	line-height: 0;
}
.clearfix {
	zoom: 1;
}
img{boder:0;}
a{blr:expression(this.onFocus=this.close());}
a{blr:expression(this.onFocus=this.blur());}
a:focus { -moz-outline-style: none; }
a:focus { outline: none; }
.clear{clear:both;}

#wrap{text-align:left;}

.w992{
	width:992px;
	margin:0 auto;
	zoom:1;
}
.w1000{
	width:1000px;
	margin:0 auto;
	zoom:1;
}
.w980{
	width:980px;
	margin:0 auto;
	zoom:1;
}
.w970{
	width:970px;
	margin:0 auto;
	zoom:1;
}
.w990{
	width:990px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}
.w1192{
	width:1192px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}
.w1000{
	width:1000px;
	margin:0 auto;
	zoom:1;
}
.w1004{
	width:1004px;
	margin:0 auto;
	zoom:1;
}
.w1002{
	width:1002px;
	margin:0 auto;
	zoom:1;
}
.w1216{
	width:1216px;
	margin:0 auto;
	padding:0;
}
.mb-none{
	margin-bottom:0px;
}
.mr-none{
	margin-right:0px !important;
}
.border{
	border:none !important
}

button{ cursor:pointer;}

i,em{ font-style:normal;}
.page a{
	display:inline-block;
	height:30px;
	line-height:30px;
	padding-left:11px;
	padding-right:11px;
	font-family:Arial;
	font-size:12px;
	color:#000;
	background:#DCDCDC;
	border-radius:100%;
}
.page{
	text-align:center;
	padding-top:10px;
}
.page a:hover{
	background:#fa143c;
	color:#ffffff;
}
.page a.on{
	background:#fa143c;
	color:#ffffff;
}
.page span{
	display:inline-block;
	height:30px;
	line-height:30px;
	padding-left:11px;
	padding-right:11px;
	font-family:Arial;
	font-size:12px;
	color:#666666;
	background:#DCDCDC;
	border-radius:100%;
}




.mis-stage, .mis-slider, .mis-slide, .mis-container, .mis-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.mis-stage, .mis-slider {
    position: relative;
    overflow: hidden;
}
.mis-stage {
    width: 100%; 
    text-align: center; 
}
.mis-slider {
	list-style: none;
	overflow: visible;
	height: 100%;
	margin-top: 0;
}

.mis-slide {
	width: 100%;
	height: auto;
	padding: 0;
	display: block;
	position: relative;
	float: left;
	overflow: visible !important;
}
.mis-slide.mis-current {
	z-index: 100;
}
.mis-container {
	display: block;
	width: auto;
	height: auto;
	border: 0;
}

.mis-nav-list {
	position: absolute;
	bottom: .5em;
	width: 100%;
	margin: 0 auto; 
	z-index: 300;
	padding: 0;
	display:none;
}
.mis-nav-list li {
	display: inline-block;
	margin: 0 .25em;
}
.mis-nav-list li a {
	display: block;
	width: 11px;
	height: 11px;
	text-indent: 100%; 
	overflow: hidden;
	white-space: nowrap;
	border: 1px solid #eee;
	border-radius: 7px; 
	opacity: .3;
	-webkit-box-shadow: inset 0 0 2px #333;
	box-shadow: inset 0 0 2px 2px #333;
	margin: 0 3px;
}
.mis-nav-list li.mis-current a, .mis-nav-list li a:hover {
	background: #333;
}
.mis-nav-buttons {
	display: block;
	position: absolute;
	height: 0;
	top: 0;
	opacity: 0.5;
	z-index: 200;
}
.mis-nav-buttons a {
	position: absolute;
	color: #eee;
	font-size: 0; 
	line-height: .01; 
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-indent: -9999px; 
}
.mis-nav-buttons a:hover {
	color: #ccc;
}
.mis-nav-buttons a.mis-next {
	right:20px;
}
.mis-nav-buttons a.mis-prev {
	left: 0;
}
.mis-nav-buttons a.mis-prev{
	width:29px;
	height:50px;
	background:url(../images/left.png) no-repeat center 40%;
	display:block !important;
	padding-top:0px !important;
	left:-12px !important;
}
.mis-nav-buttons a.mis-next{
	background:url(../images/right.png) no-repeat center 40%;
	width:29px;
	height:50px;
	display:block !important;
	padding-top:0px !important;
}
.mis-nav-buttons{
	opacity:10 !important;
}
.mis-stage {
}
.mis-slider {
	
	margin-top: 138px;
	height: 80px;
}
.mis-slider li a {
	text-decoration: none;
	color: #666;
	display: block;
}
.mis-slider li a{
	position:relative;
}
.mis-slider li div {
	font-size: 1.125em;
}
.mis-slider li img {
	
	max-width: 270px;
	
	width: 100%;
	
	border-radius: 135px;
	border: none;
	border-radius:100%;
	border:4px solid #43403c;
	-webkit-filter:grayscale(80%);
	-moz-filter:grayscale(80%);
	-ms-filter:grayscale(80%);
	-o-filter:grayscale(80%);
	filter:grayscale(80%);
	filter:gray;
}
.mis-slide {
	
	width: 360px;
	height: 360px;
	padding: 40px;
	
	margin-top: -138px
}
.mis-nav-buttons a {
	color: #fff;
}
#wrapper > div > div {
    text-align: center;
}
#wrapper > div > div {
    margin: 1em;
}
.demo h1,
.demo #wrapper > div > div {
    color: #fff;
}
.mis-slider li div {
    font-weight: 500;
    letter-spacing: .5px;
}
.main {
    width: 80%;
    margin: 2em auto;
    
}
div.main pre {
    font-size: 1.1em;
    overflow: auto;
    max-height: 500px;
    background-color: #fff;
    padding: 0 1em 1em;
}
.c2list_del{
	font-family:"微软雅黑";
	font-size:14px;
	color:#999999;
	line-height:180%;
	padding-top:15px;
	position:absolute;
	left:0px;
	top:330px;
	width:795px;
	height:120px;
	text-align:center;
	display:none;
	margin-left:-250px;
}
.mis-stage{
	height:480px !important;
}
.c2list_tilte{
	font-family:"微软雅黑";
	font-size:18px;
	color:#ffffff;
	padding-top:40px;
}
.mis-slider li.mis-current .c2list_del{
	display:block;
    font-size:0.8em;
}
.mis-slider li.mis-current img {
	border:4px solid #d63924;
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	-ms-filter:grayscale(0%);
	-o-filter:grayscale(0%);
	filter:grayscale(0%);
	filter:gray;
}
.mis_slide_img{
	position:relative;
}
.mis_slide_img_bj{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url(../images/bj4.png);
	border-radius:100%;
}
@media screen and (min-width: 1200px) {
    .main {
        width: 50%;
    }
}
@media only screen and (max-width: 640px) and (min-width:240px) {
	.mis-nav-buttons a.mis-prev{
		background:url(../images/left.svg) no-repeat center 40%;
	}
	.mis-nav-buttons a.mis-next{
		background:url(../images/right.svg) no-repeat center 40%;
	}
	.mis-nav-list {
		display:block;
	}
}